@charset "gb2312";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	
}
body {
	font-size: 12px;
	font-family: "Microsoft YaHei";
}
.clear {
	clear: both;
}
img {
	border:0;
	display: block;
}
li img {
	width: 100%;
}
.header {
	padding-top: 10px;
}
.header_mian {
	width: 1200px;
	margin: 0 auto;
}
.top{
    display: flex;
    justify-content: right;
}
.top .tel {
	float: right;
	background: url(../images/tel_bg.jpg) no-repeat 0 2px;
	height: 26px;
	color: #F00;
	font-weight: bold;
	padding-left: 30px;
	font-size: 18px;
	line-height: 24px;
}
.language{
    margin-left: 15px;
    margin-right: 17px;
}
.language a{
    font-size: 18px;
    font-weight: bold;
    color: #324d9a;
}
.logo {
	float: left;
}
.nav {
	float: right;
}
.nav li {
	float: left;
	width: 98px;
	line-height: 46px;
}
.nav li a {
	display: block;
	width: 98px;
	text-align: center;
	color: #324d9a;
	font-size: 16px;
	font-weight: bold;
}
.fenge01 {
	width: 100%;
	height: 4px;
	margin-top: 6px;
 filter:alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#009fe3', endcolorstr='#009955', gradientType=1);
 -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#009fe3', endcolorstr='#009955', gradientType=1);/*IE8*/
	background: linear-gradient(to right, rgba(0, 159, 227,1), rgba(0, 153, 85, 0.5), rgba(0, 159, 227,1)); /* 一些不支持背景渐变的浏览器 */
	background: -moz-linear-gradient(left, rgba(0, 159, 227,1), rgba(0, 153, 85, 0.5), rgba(0, 159, 227,1));
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 159, 227,1)), to(rgba(0, 154, 87, 0.5)));
	background: -o-linear-gradient(left, rgba(0, 159, 227,1), rgba(0, 153, 85, 0.5), rgba(0, 159, 227,1));
}

.banner{height:410px;overflow:hidden; margin-top:4px;}
.banner .d1{width:100%;height:410px;display:block;position:relative;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:490px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

.main {
	width: 1200px;
	margin: 0px auto 30px auto;
	overflow:hidden;
	
}
.title {
	text-align: center;
	font-size: 24px;
	color: #324d9a;
	font-weight: bold;
	margin: 30px 0;
}

#demo { 
background: #FFF; 
overflow:hidden; 

width: 1200px;
margin:0 auto;
} 
#demo a{
	float:left;
	display:block;
	width:280px; margin:0 10px;	
} 
#demo a img{ width:100%;}
#indemo { 
float: left; 
width: 1000%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
} 

.product ul li {
	width: 280px;
	height: 212px;
	overflow: hidden;
	float: left;
	margin: 0 10px;
}
.case ul li {
	width: 280px;
	height: 245px;
	overflow: hidden;
	float: left;
	margin: 0 10px;
}
.case ul li a img:hover{ transform:scale(1.1)}
        .ease {
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
.fenge02 {
	margin: 30px 0;
}
.fenlei {
	height: 700px;
	background: url(../images/fenlei_bg.png) no-repeat left bottom;
}
.fenlei a {
	display: block;
	color: #FFF;
	text-align: center;
	font-size: 24px;
	
	padding-top: 50px;
	width: 210px;
	line-height:34px;
	height: 118px;
}
.fenlei a:hover{
	transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg);
	}
.fenlei a span{ font-size:16px;}
.bg01{ background:#0861BB; margin-left:750px;}
.bg02{ background:#BB6109; margin-left:540px; float:left}
.bg03{ background:#BA0762;float:left}
.bg04{ background:#08BABA;float:left}
.bg05{ background:#BB08BB;margin-left:124px;float:left}
.bg06{ background:#459EF8;float:left}
.bg07{ background:#F89E46;margin-left:540px;float:left}
.bg08{ background:#09BA08;float:left}
.bg09{ background:#E74919;float:left}
.bg10{ background: #2d677d; float: left;}


.youshi_left,.youshi_center{ float:left;}
.youshi_center{ width:78px;}
.youshi_left{width:550px; margin-right:30px;}
.youshi01{ background:url(../images/youshi01.jpg) bottom left no-repeat;  height:360px;}
.youshi01 h2{ float:right; color:#fbb040; font-size:24px; margin:10px 0;}
.youshi01 p{ line-height:2em; font-size:14px;}

.youshi03{ margin-top:20px; background:url(../images/youshi04.jpg) no-repeat bottom left;height:300px;}
.youshi03 h2{ font-size:24px; float:right; color:#ef4136;margin:30px 0;}
.youshi03 p{ line-height:2em; font-size:14px;}
.youshi_right{ width:520px; float:right;}
.youshi02{ background:url(../images/youshi02.jpg) no-repeat; height:200px; padding-top:200px;}
.youshi02 h2{ font-size:24px; color:#585978;margin:10px 0; }
.youshi02 p{ line-height:2em; font-size:14px;}
.youshi04{ background:url(../images/youshi03.jpg) no-repeat; height:100px; padding-top:210px;}
.youshi04 h2{ font-size:24px; color:#585978;margin:10px 0; }
.youshi04 p{ line-height:2em; font-size:14px;}

.about{ margin-bottom:30px;}
.about_left{ float:left;width: 450px}
.about_right{ width:600px;float:right;}
.about_right p{ font-size:14px; line-height:1.5em; text-indent:2em;}
.about_right span{ display:inline; float:right;}


.contcat{ float:left; width:215px; margin-right:50px;}
.contcat .c_title{ color:#455ca1; font-size:18px; font-weight:bold;}
.contcat p{ font-size:14px; line-height:24px;}
.jszc{ float:left; width:455px;}
.jszc .j_title{ color:#455ca1; font-size:18px; font-weight:bold;}
.jszc .j_title span{ float:right; padding-top:6px;}
.jszc .j_title span a{color:#455ca1; font-size:12px;}
.jszc ul li{ background:url(../images/new_bg.jpg) no-repeat 0px center; padding-left:20px; line-height:34px; height:34px; border-bottom:1px dashed #f60;}
.jszc ul li a{ font-size:14px; color:#333;}
.jszc ul li span{ float:right; color:#666;}

.news{ float:right;  width:455px;}
.news .n_title{color:#455ca1; font-size:18px; font-weight:bold;}
.news .n_title{ color:#455ca1; font-size:18px; font-weight:bold;}
.news .n_title span{ float:right; padding-top:6px;}
.news .n_title span a{color:#455ca1; font-size:12px;}
.news ul li{ background:url(../images/new_bg.jpg) no-repeat 0px center; padding-left:20px; line-height:34px; height:34px; border-bottom:1px dashed #f60;}
.news ul li a{ font-size:14px; color:#333;}
.news ul li span{ float:right;color:#666;}


.footer{ width:100%; background:#324d9a; height:150px;}
.f_content{ width:1200px; margin:0 auto;}
.youlian ul li{ color:#FFF; float:left; margin:10px;}

.youlian ul a{ color:#fff; padding-left:24px; float:left; margin-top: 10px}

.f_nav{ width:600px; margin:0 auto;}
.f_nav li{ float:left; width:85px;}
.f_nav li a{ color:#fff; display:block; width:85px; text-align:center;} 
.f_content .banquan{ width:750px;line-height:2em; margin:14px auto;color:#fff; text-align:center;}
.f_content .banquan a{ color:#FFF;}
.f_content  p{ margin:0px auto 0 auto; width:550px;}
.f_content  p a{ float:right;}
.chanpin li a img{ height:100%;}




.videolist {
	position: relative;
	float: left;
	width: 450PX;
}

.videolist:hover {
	cursor: pointer;
}

.videolist .photo{
	width: 95%;
	margin: 7px auto;
	overflow: hidden;
}
.videolist .photo img{
	width:450PX;
	display: block;
	
}



.videolist:hover .photo img{
	transform: scale(1.1);  
	transition: all 0.9s;  
}
.videoed {
	display: block;
	width: 65px!important;
	height: 50px;
	position: absolute;
	left: 40%;
	top: 30%;
	z-index: 99;
}
.videoed img{
	width: 100%;
	opacity: 0.5;
}
.videoed img:hover{
	opacity: 0.8;
}
.meng{
	display: none;
	width: 298px;
	height: 251px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	background: rgb(0 0 0 / 70%);
}

.videos {
	display: none;
	position: fixed;
	margin:auto;
	top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	z-index: 100;
	width: 700px;
	height: 393px;
}

.vclose {
	position: absolute;
	right: 1%;
	top: 1%;
	border-radius: 100%;
	cursor: pointer;
}

.vtit {
	height: 35px;
    line-height: 35px;
    text-indent: 5px;
    font-size: 15px;
    color: #5a5a5a;
}
.masklayer{
	position: fixed;
	display: none;
	width: 100%;
	height: 1000px;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	-webkit-user-select: none;
	-ms-user-select: none;
}